<template>
  <div class="order">
    <ul>
      <li class="order-left">
        <img src="http://img.zhichiwangluo.com/zcimgdir/album/file_5b5573f3c9776.png" />
      </li>
      <li class="order-right">
        <div>
          <img src="http://img.zhichiwangluo.com/zcimgdir/album/file_5b55748778a93.png" />
          <span class="right-span">新鲜果送</span>
          <p class="right-p">工作日也要VC满满</p>
          <span class="right-butt">开始点单</span>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
</script>

<style lang="stylus" scoped="scoped">
  .order
    padding 0.2rem 0
    li
      width 50%
      float left
      text-align center
      padding 0.2rem 0.4rem 0.2rem 0.4rem
      img
        width 100%
    .order-right
      div
        width 80%
        height 0.06rem
        position relative
        img
          width 100%
          position absolute
          left 0
      .right-span
        font-size 0.32rem
        font-weight bold
      .right-p
        color #666666
        padding 0.2rem 0 0.45rem 0
      .right-butt
        padding 0.15rem 0.45rem
        border-radius 0.2rem
        background #FF9A0E
        color white

</style>
